#main{width:100%}
#main .banner{width:100%;  padding-top:25px; background-color:#dedede}
#main .index .banner{ padding-bottom:25px;height:513px;}
/* flexslider */
#main .index .banner .flexslider{position:relative;height:513px;overflow:hidden;background:url(../images/loading.gif) 50% no-repeat;}
#main .index .banner .slides{position:relative;z-index:1;}
#main .index .banner .slides li{height:513px;}
#main .index .banner .slides li a{ display:inline-block; height:513px; width:100%}
#main .index .banner .flex-control-nav{position:absolute;bottom:10px;z-index:2;width:100%;text-align:center;}
#main .index .banner .flex-control-nav li{display:inline-block;width:14px;height:14px;margin:0 5px;*display:inline;zoom:1;}
#main .index .banner .flex-control-nav a{display:inline-block;width:14px;height:14px;line-height:40px;overflow:hidden;background:url(../images/dot.png) right 0 no-repeat;cursor:pointer;}
#main .index .banner .flex-control-nav .flex-active{background-position:0 0;}

.slides .flex-direction-nav{position:absolute;z-index:3;width:100%;top:45%; display:none}
.slides .flex-direction-nav li a{display:block;width:50px;height:50px;overflow:hidden;cursor:pointer;position:absolute;}
.slides .flex-direction-nav li a.flex-prev{left:40px;background:url(../images/prev.png) center center no-repeat;}
.slides .flex-direction-nav li a.flex-next{right:40px;background:url(../images/next.png) center center no-repeat;}

#main .module{width:100%; height:190px; background-color:#a9a9a9; margin-top:17px}
#main .module .module_con{width:1024px; margin:0 auto}
#main .module .module_con .m_list{padding:25px 177px; text-align:center}
#main .module .module_con .m_list li{float:left; text-align:center; margin-left:15px; height:140px}
#main .module .module_con .m_list li p{line-height:20px; color:#5b5a5a; font-size:14px}
#main .module .module_con .m_list li p.f{color:#787878}
.index .content{width:100%; background-color:#f7f8f8; padding-top:13px} 
.index .content .content_c{width:1024px; margin:0 auto}
.index .content .content_c .c_top{height:33px; width:100%; overflow:hidden}
.index .content .content_c .desc_box{min-height:448px; width:100%; background:url(../images/index_con_back.jpg) #fff repeat-x;}
.index .content .content_c  h2{font-size:26px;color:#000; text-align:center; padding:30px 0}
.index .content .content_c  h2 span{font-size:26px;color:#a8a8ab}

.other .company .banner{height:563px;}
.other .quality .banner{height:502px;}
.other .product .banner{height:497px;}

#main .other_content{width:100%; background:#d5d5d5}
#main .other_content .hang{width:100%; height:46px; background-color:#fff !important}
#main .other_content .hang .tg_con{width:1024px; margin:0 auto}
#main .other_content .lr{ width:1024px; margin:0 auto; background-color:#bebebe}
#main .other_content .lr .lr_f{width:290px; overflow:hidden; background-color:##bebebe}
#main .other_content .lr .lr_f .left_logo{ height:241px;background:url(../images/left_logo.png) center no-repeat}
#main .other_content .lr .lr_f .menu{}
#main .other_content .lr .lr_f .menu li{line-height:72px; height:72px; padding-left:60px}
#main .other_content .lr .lr_f .menu li.select{background:url(../images/left_back.jpg) no-repeat}
#main .other_content .lr .lr_f .menu li a{font-size:16px; color:#787878}
#main .other_content .lr .lr_f .menu li.select a{color:#000}
#main .other_content .lr .lr_r{background-color:#e3e3e3; width:734px; overflow:hidden}
#main .other_content .lr .lr_r img{vertical-align:bottom;}


#main .other_content .qu{width:100%; height:100px; background-color:#818181 !important}
/*product*/
#main .product{width:100%; background:#fff}
#main .tag{width:100%; height:160px; background-color:#c0c0c0 !important; margin: 15px 0; }
#main .tag .tag_con{width:1024px; margin:0 auto; height:160px;overflow:hidden}
#main .product .t{ height:15px; width:100%; background-color:#bebebe}
#main .product .t .f_c{ width:1024px; margin:0 auto}
#main .product .lt_f{width:301px}
#main .product .lr_r{ background-color:#fff !important;}
#main .product .product_list{padding:25px; min-height:500px; background:url(../images/pro_back_b.jpg)  top repeat-x #fff}
#main .product .product_list li{float:left; margin-right:11px; width:217px; height:162px; overflow:hidden; margin-bottom:15px}
#main .product .product_list li .pro_pic{width:213px; height:110px; border:2px solid #b9b9b9; position:relative; overflow:hidden; z-index:2 }
#main .product .product_list li.hover .pro_pic{ border-color:#000}
#main .product .product_list li .pro_pic .click{position:absolute; left:2px; top:2px; width:213px; height:110px; background:url(../images/pro_back.png) no-repeat; display:none; z-index:1000}
#main .product .product_list li .pro_pic .click a{ display:inline-block; width:213px; height:110px;}
#main .product .product_list li .pro_pic_back{background:url(../images/pro_pic_back.png) no-repeat; height:18px; width:217px}
#main .product .product_list li .title{line-height:30px;color:#727171}
#main .product .pro_info{min-height:970px; width:100%}
#main .product .pro_info .p_top{height:70px; width:100%}
#main .product .pro_info table{ border-collapse:collapse}
#main .product .pro_info th{background-color:#727171; color:#dfdfe0}
#main .product .pro_info th,#main .product .pro_info td{font-size:10px; border:1px solid #c4c4c4; text-align:center; padding:3px 0}
#main .product .download{ padding:60px 45px}
/*contact*/
#main .contact banner{height:402px}
#main .contact .contact_con{width:100%}
#main .contact .contact_con .con{width:1024px; margin:0 auto; position:relative; height:640px; background-color:#fff; z-index:2 }
#main .contact .contact_con .n{position:absolute; top:-100px; left:0; padding:60px 160px; width:704px; background-color:#fff}

/*recruitment*/
.recruitment .hiring_banner{ height:868px !important}
.recruitment .recruitment_content{background-color:#000 ; width:100%; padding-top:45px}
.recruitment .recruitment_content .recruitment_con{width:1024px; margin:0 auto; min-height:914px; background:url(../images/hiring_back.jpg) repeat-y}
.recruitment .recruitment_content .recruitment_con .r_list{padding:50px 100px}
.recruitment .recruitment_content .recruitment_con .r_list .r_tag{ height:50px; width:100%}
.recruitment .recruitment_content .recruitment_con .r_list .r_tag h2{ border-bottom:2px solid #fff; width:150px; font-size:22px; padding:8px 0}
.recruitment .recruitment_content .recruitment_con .r_list .row{ padding:30px 0; width:600px}
.recruitment .recruitment_content .recruitment_con .r_list li{margin-bottom:20px}
.recruitment .recruitment_content .recruitment_con .r_list li h3{ font-size:16px; line-height:25px;color:#393939}
.recruitment .recruitment_content .recruitment_con .r_list li .desc{font-size:14px; line-height:25px;color:#494949}
.recruitment .recruitment_content .recruitment_con .r_list .row .email_box{font-size:14px; line-height:25px;color:#414141}
.recruitment .recruitment_content .recruitment_con .henggang{ height:30px; width:100%; background:url(../images/hiring_henggang.png)  center left no-repeat}
.recruitment .recruitment_content .recruitment_con .tishi{ margin-top:20px}